<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>平台管理系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="/layuiadmin/layui/css/layui.css"
	media="all">
<link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
<link rel="stylesheet" type="text/css"
	href="/css/plugins/dropzone/basic.css" />
<link rel="stylesheet" type="text/css"
	href="/css/plugins/dropzone/dropzone.css" />
<link rel="stylesheet" type="text/css"
	href="/css/plugins/layui-formSelect/formSelects-v4.css" />
<link rel="stylesheet" type="text/css" href="/css/plat-style.css" />
<style>
img {
	margin-left: 5px
}

.detail_title {
	font-weight: bold;
	color: black;
}

tr th {
	text-align: center !important;
}

tr td {
	text-align: center !important;
}

.seksqwjg {
	font-size: 1.2em;
	color: #ff6600;
}

.money li {
	text-align: right;
}

.layui-card-header .layui-icon {
    line-height: initial;
    position: absolute;
    left: -5px;
    top: 47%;
    margin-top: -7px;
}

.layui-card-header .goodsMoney {
    line-height: initial;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
}
</style>
</head>
<body>
<div class="layui-col-md12">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-container" style="margin-top: 20px">
                <div class="layui-card-body">

                    <!-- 基本信息 -->
                    <div class="layui-card-header"><i class="layui-icon layui-icon-note"></i>基本信息</div>
                    <div class="layui-table-body layui-table-main">
                        <table class="layui-table" lay-skin="row" lay-size="lg" lay-even="">
                            <thead>
                                <tr>
                                    <th><div class="layui-table-cell">订单编号</div></th>
                                    <th><div class="layui-table-cell">交易单号</div></th>
                                    <th><div class="layui-table-cell">用户账户</div></th>
                                </tr>
                            </thead>
                            <tbody>
                            	<tr>
									<td><div class="layui-table-cell">${rechageDetail.ordercode }</div></td>
									<td><div class="layui-table-cell">${rechageDetail.paycode }</div></td>
									<td><div class="layui-table-cell">${rechageDetail.cPhone }</div></td>
								</tr>
                            </tbody>
                        </table>
                    </div>
                    <%--充值订单详情--%>
                    <div class="layui-card-header"><i class="layui-icon layui-icon-note"></i>充值信息</div>
                    <div class="layui-table-body layui-table-main">
                        <table class="layui-table" lay-skin="row" lay-size="lg" lay-even="">
                            <thead>
                                <tr>
                                    <th><div class="layui-table-cell">聚合订单号</div></th>
                                    <th><div class="layui-table-cell">充值类型</div></th>
                                    <c:if test="${rechageDetail.type == 1}">
                                        <th><div class="layui-table-cell">充值号码</div></th>
                                    </c:if>
                                    <c:if test="${rechageDetail.type == 2}">
                                        <th><div class="layui-table-cell">加油卡号码</div></th>
                                        <th><div class="layui-table-cell">加油卡类型</div></th>
                                    </c:if>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><div class="layui-table-cell">${rechageDetail.jhOrdercode }</div></td>
                                    <td><div class="layui-table-cell">${rechageDetail.type == 1?'话费充值':'加油卡充值' }</div></td>
                                    <c:if test="${rechageDetail.type == 1}">
                                        <td><div class="layui-table-cell">${rechageDetail.phone }</div></td>
                                    </c:if>
                                    <c:if test="${rechageDetail.type == 2}">
                                        <td><div class="layui-table-cell">${rechageDetail.gameuserid }</div></td>
                                        <td><div class="layui-table-cell">${rechageDetail.chargetype == 1?'中石化':'中石油' }</div></td>
                                    </c:if>
                                </tr>
                            </tbody>
                        </table>

                    <!-- 金额信息 -->
                    <div class="layui-card-header"><i class="layui-icon layui-icon-note"></i>金额信息</div>
                    <div class="layui-table-body layui-table-main">
                        <table class="layui-table" lay-skin="row" lay-size="lg" lay-even="">
                            <thead>
                                <tr>
                                    <th><div class="layui-table-cell">充值面额</div></th>
                                    <th><div class="layui-table-cell">应付款金额</div></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><div class="layui-table-cell">${rechageDetail.rechargemoney }</div></td>
                                    <td><div class="layui-table-cell">${rechageDetail.realmoney }</div></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/layuiadmin/layui/layui.js"></script>
<script>
    layui.config({
        //静态资源所在路径
        base : '/layuiadmin/'
    }).extend({
        //主入口模块
        index : 'lib/index'
    }).use([ 'index', 'view' ], function() {
        var $ = layui.$, admin = layui.admin;
    });
</script>
</body>
</html>